<!DOCTYPE html>
<html lang="en" style="font-size: 100px;">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <link rel="stylesheet" href="./css/reset.css">
    <link rel="stylesheet" href="./css/write_list.css">
</head>
<body style="padding-bottom: 0.4rem;">
    <!-- 头部导航栏 -->
    <header>
        <a class="back" href="">&lt;</a>
        <h2>订单填写</h2>
    </header>
    <!-- 中间内容区域 -->
    <div class="middle-content">
        <div class="middle-content-wrap">
            <!-- 预定限制 -->
            <div class="reserve">
                <h3>三亚5日4晚半自助游套餐</h3>
                <p>出发日期: <span>2017-9-10</span></p>
                <p>出行人数: <span>3成人</span>
                    <a href="">预定限制&gt;</a>
                </p>
            </div>
            <!-- 去选择出行人 -->
            <div class="choose-trip-man box">
                <div class="avatars">
                    <a class="avatar">

                    </a>
                </div>
                <div class="descript">
                    <p class="people-name">
                        <span>去选择出行人</span>
                        <i>&gt;</i>
                    </p>
                    <a href="javascript:void(0)">为了您顺利出行</a>
                    <a href="javascript:void(0)">请务必保证填写项与出游所持证件一致!</a>
                </div>
            </div>
            <!-- 去选择出行人 -->
            <div class="change-trip-man box">
                <div class="avatars">
                    <a class="avatar">
                        成
                    </a>
                    <a class="avatar">
                        童
                    </a>
                </div>
                <div class="descript">
                    <p class="people-name">
                        <span>苏打苏塔</span>
                        <i>&gt;</i>
                    </p>
                    <p class="people-name">
                        <span>苏大大</span>
                        <i>&gt;</i>
                    </p>
                    <a href="javascript:void(0)">为了您顺利出行</a>
                    <a href="javascript:void(0)">请务必保证填写项与出游所持证件一致!</a>
                    <h2>更换出行人员&gt;</h2>
                </div>
            </div>
            <!-- 去选择出行人 -->
            <div class="linkman-message box">
                <div class="avatars">

                </div>
                <div class="descript">
                </div>
            </div>
        </div>
    </div>
    <!-- 底部支付区域 -->
    <footer>
        <div class="amount">
            总计
        </div>
        <div class="payment">
            去支付
        </div>
    </footer>


    <script src="./js/common/debounces.js"></script>
</body>
</html>